<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
?  <head>
?  ?  <title>Kontak Saya</title>
?  ?  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"
?  ?  />
?  ?  <meta name="language" content="en" />
?  ?  <meta http-equiv="X-UA-Compatible" content="IE=Edge" />
?  ?  <meta name="viewport" content="width=device-width, user-scalable=0" /><link href='http://fonts.googleapis.com/css?family=Ubuntu' rel='stylesheet' type='text/css' />
?  ?  <link rel="shortcut icon" href="/favicon.ico" />
?  ?  <script type="text/javascript">
?  ?  ?  var cfJsHost = (("https:" == document.location.protocol) ? "https://" : "http://");
?  ?  ?  document.write(unescape("%3Cscript src='" + cfJsHost + "www.123contactform.com/uploadscripts/swfupload/swfupload.js' type='text/javascript'%3E%3C/script%3E"));

?  ?  ?  var cfJsHost = (("https:" == document.location.protocol) ? "https://" : "http://");
?  ?  ?  document.write(unescape("%3Cscript src='" + cfJsHost + "www.123contactform.com/uploadscripts/js/swfupload.queue.js' type='text/javascript'%3E%3C/script%3E"));

?  ?  ?  var cfJsHost = (("https:" == document.location.protocol) ? "https://" : "http://");
?  ?  ?  document.write(unescape("%3Cscript src='" + cfJsHost + "www.123contactform.com/uploadscripts/js/fileprogress.js' type='text/javascript'%3E%3C/script%3E"));

?  ?  ?  var cfJsHost = (("https:" == document.location.protocol) ? "https://" : "http://");
?  ?  ?  document.write(unescape("%3Cscript src='" + cfJsHost + "www.123contactform.com/uploadscripts/js/handlers.js' type='text/javascript'%3E%3C/script%3E"));

?  ?  ?  var cfJsHost = (("https:" == document.location.protocol) ? "https://" : "http://");
?  ?  ?  document.write(unescape("%3Cscript src='" + cfJsHost + "www.123contactform.com/script.js' type='text/javascript'%3E%3C/script%3E"));
?  ?  </script>
?  ?  <style type="text/css">
?  ?  ?  ?  * {
?  ?  ?  ?  ?  margin:0px 0px;
?  ?  ?  ?  ?  padding:0px 0px;
?  ?  ?  ?  ?  border:none;
?  ?  ?  ?  ?  outline:none;
?  ?  ?  ?  }
?  ?  ?  ?  body {
?  ?  ?  ?  ?  background-color:white;
?  ?  ?  ?  ?  font:normal small 'Ubuntu',Arial,Sans-Serif;
?  ?  ?  ?  ?  text-align:center;
?  ?  ?  ?  }
?  ?  ?  ?  .selector-off {
?  ?  ?  ?  ?  width:377px;
?  ?  ?  ?  ?  margin:30px auto 30px;
?  ?  ?  ?  ?  text-align:left;
?  ?  ?  ?  }
?  ?  ?  ?  input, textarea {
?  ?  ?  ?  ?  width:280px;
?  ?  ?  ?  ?  border:1px solid #ccc;
?  ?  ?  ?  ?  padding:5px 5px;
?  ?  ?  ?  ?  font:normal small 'Ubuntu',Arial,Sans-Serif;
?  ?  ?  ?  ?  -webkit-box-shadow:inset 0px 1px 3px rgba(0,0,0,0.2);
?  ?  ?  ?  ?  -moz-box-shadow:inset 0px 1px 3px rgba(0,0,0,0.2);
?  ?  ?  ?  ?  box-shadow:inset 0px 1px 3px rgba(0,0,0,0.2);
?  ?  ?  ?  }
?  ?  ?  ?  textarea {}
?  ?  ?  ?  h2 {
?  ?  ?  ?  ?  font-size:20px;
?  ?  ?  ?  ?  padding:0px 10px 10px;
?  ?  ?  ?  ?  border-bottom:1px dotted #ccc;
?  ?  ?  ?  ?  margin-bottom:10px;
?  ?  ?  ?  }
?  ?  ?  ?  table {border:none;}
?  ?  ?  ?  td {
?  ?  ?  ?  ?  padding:5px 7px;
?  ?  ?  ?  ?  vertical-align:top;
?  ?  ?  ?  ?  border:none;
?  ?  ?  ?  }
?  ?  ?  ?  .focus {
?  ?  ?  ?  ?  background-color:#D5DCEE;
?  ?  ?  ?  }
?  ?  ?  ?  input#id123-button-send {
?  ?  ?  ?  ?  width:auto !important;
?  ?  ?  ?  ?  padding:7px 10px;
?  ?  ?  ?  ?  background-color:#F0405D;
?  ?  ?  ?  ?  border:none;
?  ?  ?  ?  ?  cursor:pointer;
?  ?  ?  ?  ?  font:bold 12px Arial,Sans-Serif;
?  ?  ?  ?  ?  -webkit-box-shadow:0px 1px 0px rgba(0,0,0,0.1);
?  ?  ?  ?  ?  -moz-box-shadow:0px 1px 0px rgba(0,0,0,0.1);
?  ?  ?  ?  ?  box-shadow:0px 1px 0px rgba(0,0,0,0.1);
?  ?  ?  ?  ?  -webkit-border-radius:3px;
?  ?  ?  ?  ?  -moz-border-radius:3px;
?  ?  ?  ?  ?  border-radius:3px;
?  ?  ?  ?  ?  color:white;
?  ?  ?  ?  }
?  ?  ?  ?  input#id123-button-send:hover {
?  ?  ?  ?  ?  background-color:#39f;
?  ?  ?  ?  }
?  ?  ?  ?  .fontbold {font-weight:bold;}
?  ?  ?  ?  .requiredspan {color:red;}

?  ?  ?  </style>
?  ?  ?  <!--[if lte IE 8]>
?  ?  ?  ?  <style type="text/css">
?  ?  ?  ?  ?  .class123-likert_style_li2 {
?  ?  ?  ?  ?  ?  height:56px;
?  ?  ?  ?  ?  }

?  ?  ?  ?  </style>
?  ?  ?  <![endif]-->
?  </head>
?  <body>
?  ?  <div class="selector-off">
?  ?  ?  <script type="text/javascript">
?  ?  ?  ?  <!--
?  ?  ?  ?  var formrules = new Array(0);
?  ?  ?  ?  //-->

?  ?  ?  </script>
?  ?  ?  <script type="text/javascript">
?  ?  ?  ?  var cfJsHost = (("https:" == document.location.protocol) ? "https://" : "http://");
?  ?  ?  ?  document.write(unescape("%3Cscript src='" + cfJsHost + "www.123contactform.com/includes/interactive123cf.js' type='text/javascript'%3E%3C/script%3E"));
?  ?  ?  </script>

?  ?  ?  <script type="text/javascript">
?  ?  ?  ?  <!--
?  ?  ?  ?  var selectedfield = '';

?  ?  ?  ?  function InputActions(field, id) {
?  ?  ?  ?  ?  var textcolor = '#000000';
?  ?  ?  ?  ?  var hltextcolor = '#000000';

?  ?  ?  ?  ?  if (id == selectedfield) { /* alert('do nothing'); */
?  ?  ?  ?  ?  } else {
?  ?  ?  ?  ?  ?  // first we unhighlight the previous field, if any
?  ?  ?  ?  ?  ?  if (selectedfield != '') {
?  ?  ?  ?  ?  ?  ?  lid = selectedfield;
?  ?  ?  ?  ?  ?  ?  lidsec = lid.replace('row', 'rowsec');

?  ?  ?  ?  ?  ?  ?  // reparam culoare textlabels
?  ?  ?  ?  ?  ?  ?  var tr = document.getElementById(lid);

?  ?  ?  ?  ?  ?  ?  if (document.getElementsByClassName) {
?  ?  ?  ?  ?  ?  ?  ?  var textlabels = tr.getElementsByClassName('class123-label');
?  ?  ?  ?  ?  ?  ?  ?  for (j = 0; j < textlabels.length; j++)
?  ?  ?  ?  ?  ?  ?  ?  textlabels[j].style.color = textcolor;
?  ?  ?  ?  ?  ?  ?  } else {
?  ?  ?  ?  ?  ?  ?  ?  var textlabels = tr.getElementsByTagName('label');
?  ?  ?  ?  ?  ?  ?  ?  for (j = 0; j < textlabels.length; j++)
?  ?  ?  ?  ?  ?  ?  ?  if (textlabels[j].className.indexOf('class123-label') > -1) textlabels[j].style.color = textcolor;
?  ?  ?  ?  ?  ?  ?  }
?  ?  ?  ?  ?  ?  ?  var oldbg = '';
?  ?  ?  ?  ?  ?  ?  if (document.getElementById('errorflag' + lid) != null) oldbg = document.getElementById('errorflag' + lid).value;

?  ?  ?  ?  ?  ?  ?  // reparam culoare bg td
?  ?  ?  ?  ?  ?  ?  var tds = tr.getElementsByTagName('td');
?  ?  ?  ?  ?  ?  ?  for (j = 0; j < tds.length; j++)
?  ?  ?  ?  ?  ?  ?  tds[j].style.background = oldbg;

?  ?  ?  ?  ?  ?  ?  // reparam culoare bg td sec
?  ?  ?  ?  ?  ?  ?  if (document.getElementById(lidsec) != null) {
?  ?  ?  ?  ?  ?  ?  ?  var trsec = document.getElementById(lidsec);
?  ?  ?  ?  ?  ?  ?  ?  tds = trsec.getElementsByTagName('td');
?  ?  ?  ?  ?  ?  ?  ?  for (j = 0; j < tds.length; j++)
?  ?  ?  ?  ?  ?  ?  ?  tds[j].style.background = oldbg;
?  ?  ?  ?  ?  ?  ?  }
?  ?  ?  ?  ?  ?  }
?  ?  ?  ?  ?  ?  // then we highlight the new one
?  ?  ?  ?  ?  ?  selectedfield = id;

?  ?  ?  ?  ?  ?  lid = id;
?  ?  ?  ?  ?  ?  lidsec = lid.replace('row', 'rowsec');

?  ?  ?  ?  ?  ?  // modificam culoare textlabels
?  ?  ?  ?  ?  ?  var tr = document.getElementById(lid);
?  ?  ?  ?  ?  ?  if (document.getElementsByClassName) {
?  ?  ?  ?  ?  ?  ?  var textlabels = tr.getElementsByClassName('class123-label');
?  ?  ?  ?  ?  ?  ?  for (j = 0; j < textlabels.length; j++)
?  ?  ?  ?  ?  ?  ?  textlabels[j].style.color = hltextcolor;
?  ?  ?  ?  ?  ?  } else {
?  ?  ?  ?  ?  ?  ?  var textlabels = tr.getElementsByTagName('label');
?  ?  ?  ?  ?  ?  ?  for (j = 0; j < textlabels.length; j++)
?  ?  ?  ?  ?  ?  ?  if (textlabels[j].className.indexOf('class123-label') > -1) textlabels[j].style.color = hltextcolor;
?  ?  ?  ?  ?  ?  }

?  ?  ?  ?  ?  ?  // modificam culoare bg td
?  ?  ?  ?  ?  ?  var tds = tr.getElementsByTagName('td');
?  ?  ?  ?  ?  ?  for (j = 0; j < tds.length; j++)
?  ?  ?  ?  ?  ?  tds[j].style.background = '#D5DCEE';

?  ?  ?  ?  ?  ?  // modificam culoare bg td sec
?  ?  ?  ?  ?  ?  if (document.getElementById(lidsec) != null) {
?  ?  ?  ?  ?  ?  ?  var trsec = document.getElementById(lidsec);
?  ?  ?  ?  ?  ?  ?  tds = trsec.getElementsByTagName('td');
?  ?  ?  ?  ?  ?  ?  for (j = 0; j < tds.length; j++)
?  ?  ?  ?  ?  ?  ?  tds[j].style.background = '#D5DCEE';
?  ?  ?  ?  ?  ?  }
?  ?  ?  ?  ?  }

?  ?  ?  ?  ?  // now the field rules
?  ?  ?  ?  ?  InputRules();
?  ?  ?  ?  }

?  ?  ?  ?  function IsFullDateEntered(c_id) {
?  ?  ?  ?  ?  if ((document.getElementById('id123-control' + c_id + '-1').value != '') && (document.getElementById('id123-control' + c_id + '-2').value != '') && (document.getElementById('id123-control' + c_id + '-3').value != '')) document.getElementById('id123-control' + c_id).value = document.getElementById('id123-control' + c_id + '-1').value + '/' + document.getElementById('id123-control' + c_id + '-2').value + '/' + document.getElementById('id123-control' + c_id + '-3').value;
?  ?  ?  ?  }
?  ?  ?  ?  //-->

?  ?  ?  </script>
?  ?  ?  <h2>Kontak Saya</h2>
?  ?  ?  <form target="contactform123" class="form" onsubmit="RefreshFrameHeight(1); return true;" action="http://www.123contactform.com/contact-form--370607.html" id="mainform123" method="post" enctype="multipart/form-data" target="_self">
?  ?  ?  ?  <input type="hidden" name="action" value="verify" />
?  ?  ?  ?  <input type="hidden" name="special_autoresponder" id="special_autoresponder" value="" />
?  ?  ?  ?  <table class="class123_maintable" border="0">
?  ?  ?  ?  ?  <tr id="row1">
?  ?  ?  ?  ?  ?  <td>
?  ?  ?  ?  ?  ?  ?  <label class="class123-label class123-fieldname fontbold requiredfield" id="id123-title1443071" for="id123-control1443071">Nama</label>
?  ?  ?  ?  ?  ?  ?  ?  <span class="requiredspan">*</span>
?  ?  ?  ?  ?  ?  </td>
?  ?  ?  ?  ?  ?  <td>
?  ?  ?  ?  ?  ?  ?  <input type="hidden" id="errorflagrow1" value="" />
?  ?  ?  ?  ?  ?  ?  <input id="id123-control1443071" name="control1443071" onclick="InputActions(this,'row1');" onkeyup="InputActions(this,'row1');" onchange="InputRules(1443071);" type="text" value="" placeholder="" />
?  ?  ?  ?  ?  ?  </td>
?  ?  ?  ?  ?  </tr>
?  ?  ?  ?  ?  <tr id="row2">
?  ?  ?  ?  ?  ?  <td>
?  ?  ?  ?  ?  ?  ?  <label class="class123-label class123-fieldname fontbold requiredfield" id="id123-title1443072" for="id123-control1443072">Email</label>
?  ?  ?  ?  ?  ?  ?  ?  <span class="requiredspan">*</span>
?  ?  ?  ?  ?  ?  </td>
?  ?  ?  ?  ?  ?  <td>
?  ?  ?  ?  ?  ?  ?  <input type="hidden" id="errorflagrow2" value="" />
?  ?  ?  ?  ?  ?  ?  <input id="id123-control1443072" name="control1443072" onclick="InputActions(this,'row2');" onkeyup="InputActions(this,'row2');" onchange="InputRules(1443072);" type="text" value="" placeholder="" />
?  ?  ?  ?  ?  ?  </td>
?  ?  ?  ?  ?  </tr>
?  ?  ?  ?  ?  <tr id="row3">
?  ?  ?  ?  ?  ?  <td>
?  ?  ?  ?  ?  ?  ?  <label class="class123-label class123-fieldname fontbold requiredfield" id="id123-title1443073" for="id123-control1443073">Pesan</label>
?  ?  ?  ?  ?  ?  ?  ?  <span class="requiredspan">*</span>
?  ?  ?  ?  ?  ?  </td>
?  ?  ?  ?  ?  ?  <td>
?  ?  ?  ?  ?  ?  ?  <input type="hidden" id="errorflagrow3" value="" />
?  ?  ?  ?  ?  ?  ?  <textarea id="id123-control1443073" name="control1443073" placeholder="Tulis pesan di sini..." onclick="InputActions(this,'row3');" onkeyup="InputActions(this,'row3');" onchange="InputRules(1443073);" rows="7"></textarea>
?  ?  ?  ?  ?  ?  </td>
?  ?  ?  ?  ?  </tr>
?  ?  ?  ?  ?  <tr>
?  ?  ?  ?  ?  ?  <td></td>
?  ?  ?  ?  ?  ?  <td>
?  ?  ?  ?  ?  ?  ?  <input type="submit" class="formdefaultbut"?  id="id123-button-send" value="Kirim Pesan" />
?  ?  ?  ?  ?  ?  </td>
?  ?  ?  ?  ?  </tr>
?  ?  ?  ?  </table>
?  ?  ?  ?  <div style="display:none;">
?  ?  ?  ?  ?  <input type="text" name="email" />
?  ?  ?  ?  </div>
?  ?  ?  ?  <input type="hidden" name="hiddenfields" id="hiddenfields" value="" />
?  ?  ?  ?  <script type="text/javascript">
?  ?  ?  ?  ?  InputRules();
?  ?  ?  ?  </script>
?  ?  ?  </form>
?  ?  <br /><small><a href="http://www.123contactform.com/" rel="nofollow">Didukung oleh 123ContactForm</a></small>
?  ?  </div>
?  ?  <script type="text/javascript">
?  ?  ?  window.onload = function () {

?  ?  ?  ?  if (document.getElementById('thisisjsform') != null) if (parent.socket != null) {
?  ?  ?  ?  ?  var mymsg = Math.max(document.body.clientHeight, document.body.offsetHeight, document.body.scrollHeight) + "||0";
?  ?  ?  ?  ?  parent.socket.postMessage(mymsg);
?  ?  ?  ?  }
?  ?  ?  };
?  ?  </script>
?  </body>

</html>